7
תגובות

שאלה ב js בשילוב עם php

פתח roee711 ,
אני מקבל פרמטרים לדף ב php של מיקום חנות וכתובת של חנות
פרמטרים מגיעים נכונים מ php

אני רוצה להציג מפה דרך google map
כתבתי סקריםט שיוצר לי את מפה

function viewMap(){

  var map = new google.maps.Map(document.getElementById('map_canvas'), {      
    zoom: 15,      
    center: new google.maps.LatLng(loctionx,loctiony),      
    mapTypeId: google.maps.MapTypeId.ROADMAP     });    
    var infowindow = new google.maps.InfoWindow();      
 
    var marker, i=0;    
   
    var text  =adress;
         
    marker = new google.maps.Marker({        
            position: new google.maps.LatLng(loctionx,loctiony),        
            map: map       });        
 
          google.maps.event.addListener(marker, 'click', (function(marker, i) {        
          return function() {          
            infowindow.setContent(text);
            infowindow.open(map, marker);      
          }        
          })(marker, i));  
          i++;
  }

רק שאני עושה רפרש לדף , הוא מציג לי את מפה , אחרת מציג לי div  ריק - ויש  לdiv גובה ורחוב 500 פיקסל

השתמשי גם  extasion  gmap  של yii framwork וגם אותה בעיה

אני ישמח לעזרה

7 תשובות

avatar ענה roee711 ב 23 לאוגוסט 2013 #

שככחתי להוסיף שאני עובד עם ספריות jqeary / jqeary mobile , ניסתי לעשות את זה בready ולקרוא לפונקציה הזאת וגם לא יזתדר

avatar ענה yonikal56 ב 23 לאוגוסט 2013 #

קודם כל השפה נקראת jQuery ומה הבעיה?

avatar ענה roee711 ב 23 לאוגוסט 2013 #

אתה צודק בקשר לשפה , התבלבלתי בשם

אני אמור לציג מפה , של חנות כלשהי , רק שאני רפרש לדף , הוא מצגי את מפה נכונה , אחרת מציג div ריק

קוד במלואו:

<!DOCTYPE html>
<html lang="he">

<head>
  <meta charset="utf-8">
  <title> תצוגת חנות</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <?php include_once 'link.php';?>
<script type="text/javascript">
 
function viewMap(){
  var i=0;
  var map = new google.maps.Map(document.getElementById('map_canvas'), {      
    zoom: 15,      
    center: new google.maps.LatLng(<?php echo $shop->getLoctionX() ?>,<?php echo $shop->getLoctionY()?>),      
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });    
  var infowindow = new google.maps.InfoWindow();       
  var text  =" <?php echo $shop ->getAdress()?>";
         
  var marker = new google.maps.Marker({        
    position: new google.maps.LatLng(<?php echo $shop->getLoctionX()?>,<?php echo $shop->getLoctionY()?>),        
     map: map      
  });        
 
  google.maps.event.addListener(marker, 'click', (function(marker, i) {        
    return function() {          
      infowindow.setContent(text);
      infowindow.open(map, marker);      
    }        
    })(marker, i));  
    i++;
  }              
  $(document).ready(function() {
    viewMap();
  });      
</script>


</head>
<body>
  <div  data-role="page" id="view">
    <div id="page" data-role="header" data-theme="b">
      <h1> תצוגת חנות</h1>
      <a  data-theme="e" id="back" data-role="button" href="#" data-rel="back">אחורה</a>
   
    </div>
    <div data-role="content"  >
     
 
      <div class="view">
      <div id="map_canvas" style="width: 500px; height: 500px">  

      </div>
      <div data-role="content"  data-theme="b"  class="view">
        <div>
          <span>שם חנות :  </span> <?php echo $shop ->getName() ?>
        </div>
        <div>
            <span> כתובת : </span><?php echo $shop ->getAdress() ?>
        </div>
        <div>
             <span>  איימל : </span><?php echo $shop ->getEmail() ?>
        </div>
        <div>
             <span> אתר : </span><?php echo "<a href='" . $shop ->getLink() ."'>". $shop ->getLink() ." </a>" ?>
        </div>
        <div>
             <span> טלפון : </span><?php echo $shop->getPhone() ?>
        </div>
      </div>
      <div class="view">
         <form name="myFrom" action="" method="post">
          <input type="hidden" value="<?php echo $shop->getId() ?>" name="id" id="id">
          <input type="hidden" value="" name="loctionX" id="loctionX">
          <input type="hidden" value="" name="loctionY" id="loctionY">
          <button id="direction" data-theme="b"  
             > נווט לחנות</button>
        </from>
      </div>
     
     
     
     
     
       
       
       
    </div>  
    <div  class="footer" data-role="footer">
     
     
    </div>
  </div>
 
 
 
</body>
</html>

avatar ענה yonikal56 ב 23 לאוגוסט 2013 #

מה הכוונה?

avatar ענה roee711 ב 23 לאוגוסט 2013 #

זה div שאמור להיות מוצג בו מפה :

<div id="map_canvas" style="width: 500px; height: 500px">  

      </div>

וזה מציג לו אותו ריק , רק שאני לוחץ על f5 מציג את מפה
תודה על עזרה

avatar ענה yonikal56 ב 23 לאוגוסט 2013 #

הייתי במקומך בונה דף שמציג את המפה ואז מתקשר לדף בעזרת jQuery AJAX שזה jQuery שעושה את מה שעושה AJAX לתוך div שיכניס את המפה.
תפנה אליי לסקייפ y.cy.c27 אראה לך איך עושים את זה פה לא נוח להסביר.

avatar ענה roee711 ב 24 לאוגוסט 2013 #

בעיה נפתרה , תודה רבה על עזרה